<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*css注释*/
    </style>
</head>
<body>
<!--通过按钮事件调用方法-->
<input type="button" value="按钮" onclick="f1()">
<!--html代码注释-->
<script>
    /*JavaScript 注释*/
    // JavaScript 中单行注释



    //1.无参无返回值的方法
    function f1() {
        console.log("f1");
    }
    //调用方法
    f1();

    // 2.有参无返回值方法
    function f2(name,age) {
        console.log(name+":"+age);
    }
    f2("刘华",20);

    // 3. 无参有返回值
    function f3() {
        return "这是返回值!";
    }
    let info = f3();
    console.log(info);
    // 4. 有参有返回值
    function f4(x,y) {
        return x*y;
    }
    let result = f4(6,9);
    console.log(result);


    // 第二种声明方法的方式
    let f5 = function (name,age) {
        console.log(name+":"+age);
    }
    f5("菲菲,18");
    // 第三种声明方法的方式
    let f6 = new Function("name","age","console.log(name+':'+age)");
    f6("刘德华",99);
</script>
</body>
</html>